import React, { Component } from 'react'


export default class App extends Component {

    state = {
        count: 100
    }

    add = function (val) {
        console.log(11111111, this, val);
    }

    add2 = (val) => {
        console.log(222222222, this, val);
    }

    render() {
        return (
            <div>
                <h1>{this.state.count}</h1>

                {/* <button onClick={this.add(1)}>点击加 1</button>
                <button onClick={this.add2(2)}>点击加 2</button> */}

                <button onClick={() => {
                    // console.log(this);

                    /*
                        推荐的写法，需要在事件里面直接写一个箭头函数，此时外部不管你是
                        普通函数还是箭头函数，我们都可以正常使用 this 也可以正常传递参数
                    */
                    this.add(1)
                    this.add2(2)
                }}>增加</button>
            </div>
        )
    }
}
